<%inherit file="/base.mako"/>\

<%def name="header()">Year Summary</%def>
<p>Click on an individual year a summary and break
down by grade level.</p>


<div id="yearbyyear" style="width: 400px; height: 200px"></div>
<br/>
<div class="data">
<table class="data">
  <tr>
    <th>Year</th>
    <th>Asian</th>
    <th>Black</th>
    <th>Hispanic</th>
    <th>Native American</th>
    <th>White</th>
  </tr>
  % for racial_fact in racial_facts:
  <tr class="datarow">
    <td class="dataleft">
      <a href="${request.route_url("year_detail", year=racial_fact.year.year)}">
        ${racial_fact.year.year}
      </a>
    </td>
    <td class="datacenter">${racial_fact.asian}</td>  
    <td class="datacenter">${racial_fact.black}</td>  
    <td class="datacenter">${racial_fact.hispanic}</td>  
    <td class="datacenter">${racial_fact.nativeamerican}</td>  
    <td class="dataright">${racial_fact.white}</td>  
  </tr>
  % endfor
</table>
</div>

<script type="text/javascript">
${year_chart|n}
</script>


